<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生登录</title>
    <!-- 使用Bootstrap样式 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet">
</head>
<body>
<div class="container mt-5">
    <h1 class="text-center">登录</h1>
    <form method="POST" action="/login">
        {{ form.hidden_tag() }}
        <div class="mb-3">
            <div class="mb-3">
                {{ form.student_id.label(class="form-label") }}
                {{ form.student_id(class="form-control") }}
            </div>
            <div class="mb-3">
                {{ form.student_name.label(class="form-label") }}
                {{ form.student_name(class="form-control") }}
            </div>
        </div>
        {{ form.submit(class="btn btn-primary") }}
    </form>
    <div class="text-danger" style="font-size: 20px">
        {% for message in get_flashed_messages() %}
            {{ message }}
        {% endfor %}
    </div>
</div>
</body>
<footer style="position: fixed; bottom: 0; left: 0; right: 0; text-align: center; padding: 10px 0;">
    <div>
        Support by <a class="footer" href="https://github.com/FoxSuzuran">FoxSuzuran</a>
    </div>
</footer>
</html>
